<!--
* @description  参数1
* @fileName  mainTabBar
* @author userName
* @date 2022-03-15 21:48:39
* @version V1.0.0
!-->
<template>

  <tab-bar>
    <tab-bar-item path="/home" activeColor="red">
      <img slot="item-icon" src="../../assets/img/tabbar/shouye.svg" alt="" srcset="">
      <img slot="item-active" src="../../assets/img/tabbar/shouyered.svg" alt="" srcset="">
      <p slot="item-text">首页</p>
    </tab-bar-item>

    <tab-bar-item path="/category" activeColor="red">
      <img slot="item-icon" src="../../assets/img/tabbar/fenlei.svg" alt="" srcset="">
      <img slot="item-active" src="../../assets/img/tabbar/yingyongzhongxinred.svg" alt="" srcset="">
      <p slot="item-text">分类</p>
    </tab-bar-item>

    <tab-bar-item path="/cart" activeColor="red">
      <img slot="item-icon" src="../../assets/img/tabbar/gouwuche.svg" alt="" srcset="">
      <img slot="item-active" src="../../assets/img/tabbar/gouwuchekongred.svg" alt="" srcset="">
      <p slot="item-text">购物车</p>/tab-bar-item>
    </tab-bar-item>

    <tab-bar-item path="/profile" activeColor="blue">
      <img slot="item-icon" src="../../assets/img/tabbar/wode.svg" alt="" srcset="">
      <img slot="item-active" src="../../assets/img/tabbar/wodered.svg" alt="" srcset="">
      <p slot="item-text">我的</p>
    </tab-bar-item>
  </tab-bar>

</template>

<script>
  import TabBar from '../common/tabbar/TabBar.vue'
  import tabBarItem from '../common/tabbar/tabBarItem.vue'
  export default {
    name: 'mainTabBar',
    props: { // 父辈向子辈传参
    },
    data() {
      return {

      }
    },
    components: { // 组件的引用
      TabBar,
      tabBarItem
    },
    methods: { // 方法

    },
    created() { // 实例被创建之后执行代码

    },
    computed: { // 计算属性

    },
    mounted() { // 页面进入时加载内容

    },
    watch: { // 监测变化

    }
  }

</script>
<style scoped'>
</style>
